<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>节点运行统计</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />


<style type="text/css">
.main {
	overflow: hidden;
}

.chart_con {
	border: 1px solid #95B8E7;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.chart {
	float: left;
	width: 50%;
	height: 300px;
	margin: 0 0 20px 0;
}

.kettle_about {
	border: 1px solid #95B8E7;
	margin: 0 0 10px 0;
}

.easyui-linkbutton {
	background-color: transparent;
}

.table_con {
	border: 1px solid #95B8E7;
	border-bottom: none;
	margin: 10px 0 0 0;
}

.table_con th {
	font-weight: bold;
	text-align: center;
}

.table_con td {
	text-align: center;
	border: 1px solid #95B8E7;
}
</style>

</head>

<body>


	<div class="main">
		<!-- 检索区域开始 -->
		<div class="sel_div">
			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th colspan="5">数据检索</th>
				</tr>
				<tr>
					<td style="width: 230px;"><label>节点：</label><input type="text"
						name="comboxNode" id="comboxNode" class="text" /></td>
					<!--<td style="width:210px">
        <label>统计时间：</label><input type="text" name="txtStatisticalTimeBeg" id="txtStatisticalTimeBeg" class="text easyui-datetimebox" />
        </td>
        <td>
		<label style="width:23px; text-align:left">到</label>
		<input id="txtStatisticalTimeEnd" name="txtStatisticalTimeEnd" class="text easyui-datetimebox"/>
        
        
        </td>-->
					<td>&nbsp;</td>
					<!-- <td><button onclick="search()" class="query_btn easyui-linkbutton" iconCls="icon-search" >查询</button></td> -->
				</tr>

			</table>
		</div>
		<!-- 检索区域结束 -->
		<div class="table_con">
			<table cellpadding="0" cellspacing="0" class="sel_con">
				<tr>
					<th>节点名称</th>
					<th>IP地址</th>
					<!--  <th>端口</th> -->
					<th>类型</th>
					<th>总执行时长（秒）</th>
					<th>错误率(%)</th>
					<th>最耗时(秒)</th>
				</tr>
				<tr>
					<td id="name" style="border-left: none"></td>
					<td id="hostName"></td>
					<!-- <td id="port"></td> -->
					<td id="type"></td>
					<td id="allRunTimes"></td>
					<td id="errorRate"></td>
					<td id="mostRunTimes" style="border-right: none"></td>
				</tr>
			</table>
		</div>
		<div class="chart_con">
			<div id="chart" class="chart"></div>
			<div id="chart2" class="chart"></div>
		</div>

	</div>
	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript"
		src="../../../js/Highcharts-4.1.7/js/highcharts.js"></script>
	<script type="text/javascript"
		src="../../../js/cook/InterfaceMonitoring/NodeMonitoring/KettleServerStatistics.js"></script>
	<script type="text/javascript">

</script>
</body>
</html>